<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>超市收银系统</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css"/>
	</head>
	<body>
		<div class="header Cgreen">
			<div class="wrapper clearfix">
			<h1>XXX超市收银系统</h1>
			<span class="QRspan">
				<i class="iconfont">&#xe61b;</i>
				<span>关注公众号</span>
				<img class="QRimg" src="../images/qr.png"/>
			</span>
			</div>
		</div>
		<div class="content">
			<div class="wrapper">
				<img class="bg1" src="../images/bg1.png"/>
				<div class="loginBox">
					<div class="logo"></div>
					<div class="formDiv">
						<form action="/emp/login" method="post">
							<label class="userName">
								<input type="text" class="input-text" id="userName" name="userName" placeholder="请输入用户名" required/>
								<i class="iconfont">&#xe614;</i>
							</label>
							<label class="password">
								<input type="password" id="password" name="password" placeholder="请输入密码" required/>
								<i class="iconfont">&#xe615;</i>
							</label>
							<div class="pwdOper">
								<span class="remember">
									<label>
										<input type="checkbox" class="hide"/>
										<span class="checkbox"></span>
										记住密码
									</label>
								</span>
								<a class="forget Cred" href="javascript:;">忘记密码?</a>
							</div>

							<div class="submit">
								<input type="submit" value="登录"/>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="wrapper">
			<span>Copyright © 2020-2030 www.jt40wwldl.com 版权所有 京ICP备1603XXXX号-1 京公网备案 1101XXXXXXXX79号</span>
			</div>
		</div>
	</body>
	<script>
		window.onload = function() {
			setContentHeight();
			window.onresize = setContentHeight;
			function setContentHeight () {
				let windowHeight = document.documentElement.clientHeight;
				document.getElementsByClassName('content')[0].style.height = windowHeight - 102 - 138 + 'px';
			}
		}
	</script>
</html>
